<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	var contextPath = <%=context%>;
	var disclosurePath = <%=context%>+"business/infoDisclosure";
	var reportPath = <%=context%>+"business/regulatoryReport";
	var reprotInfoPath = <%=context%>+"business/reportInfo";
	var institutionPath = <%=context%>+"business/institution";
</script>
<style type="text/css">
	*{ padding:0px; margin:0px; }
	html,body{margin:0px;padding:0px;width:100%;height:100%;}
	.fl{float:left}
	.mainContainer{width:100%;height:180%;}
	.topContrainer{width:100%;height:43%;}
	.bottomMainContrainer{width:100%;height:50%;}
	.selectionContainer{width:100%;height:5%;min-height:50px;}
	.selectCenter{width:80%;height:100%;margin:0 auto;background-color: #F8F8F8}
	.m-t-5{margin-top:5px}
	.m-b-10{margin-bottom:10px}
	.subSelector {
	    height: 20px;
	    line-height: 3px;
	    display: inline-block;
	    width: auto;
	    padding: 9px;
	    border-radius: 5px;
	    margin-right: 10px;
	    cursor: pointer;
	}
	.sub-sel-cont{margin-left:30px;padding-top:20px}
	.chartContainer{width:100%;height:80%;}
	.m-l-3-per{margin-left:3%}
	.charContainerCenter{width:80%;height:100%;margin-left:8%}
	.subContainer{width:40%;height:45%;float:left;margin:2% 0 0% 2%;}
	.font-color-black{color:#939393}
	.font-color-white{color: #FFFFFF;background-color: #FF9600;}
	.ul{width:80%;background-color:yellow;}
    .ulLi{
        display:inline-block;
        margin-right:-8px;
        padding:10px;
    }  
    .dwn-box{float:right;border:1px solid #EAEAEA;border-radius: 5px;display:inline-block;padding:10px}
    .dwn{line-height:45px;color:gray;font:12px}
    .dwn:hover{color:gray;font:12px}
    .data-box{width:130px;height:auto;margin:0 auto;margin-top:100px;}
    .no-data{color:#D0D0D0;font-size:18px;width:123px;text-align: center;/* display:inline-block; */}
</style>
<title>监管报告</title>
</head>
<body class="fixed-nav">
	<div class="result-box">
		<div id="mainContrainer" class="mainContainer">
				<div style="width:80%;margin:0 auto;margin-top:20px">
					<span style="float:left"><h3 >投资者报告</h3></span>
					<span class="dwn-box"><a class="dwn" title="dwn" url="0" param="" onclick="investDown();"><i class="fas fa-download">&nbsp;投资者报告下载</i></a></span>
					<br/>
					<hr>
				</div>
			<div id="topContrainer" class="topContrainer m-b-12" style="white-space: nowrap;">
				<div id="selectionContainer" class="selectionContainer">
					<div class="selectCenter">
						<div id="investorTimeSelector" class="sub-sel-cont fl">
						   <span class="fl font-color-black">时间段：</span>
				           <span class="fl subSelector font-color-black" reportFrequency="1">当日</span>
				           <span class="fl subSelector font-color-black" reportFrequency="2">本周</span>
				           <span class="fl subSelector font-color-black" reportFrequency="3">本月</span>
				           <span class="fl subSelector font-color-black" reportFrequency="4">未来三个月</span>
				           <!-- <span class="fl subSelector font-color-black" reportFrequency="5">未来半年</span>
				           <span class="fl subSelector font-color-black" reportFrequency="6">未来一年</span> -->
						</div>
<!-- 						<a class="btn btn-link btn-jqgrid dwn" title="dwn" url="0" param="" onclick="down();">下载</a> -->
					</div>
				</div>
				<div id="investBarChart" class="div-inline" style="margin-right:10px;width:80%;height:85%;margin-left:5%;"></div>
				<div id="investBarChart1" class="div-inline" style="display:none; margin-right:10px;width:80%;height:85%;margin-left:5%;"></div>
			</div>
			<div style="height:20px"></div>
			<div id="bottomMainContrainer" class="bottomMainContrainer">
				<div style="width:80%;margin:0 auto">
					<span style="float:left"><h3 >监管报告</h3></span>
					<span class="dwn-box"><a class="dwn" title="dwn" url="0" param="" onclick="down();"><i class="fas fa-download">&nbsp;监管报告下载</i></a></span>
					<br/>
					<hr>
				</div>
				<div id="selectionContainer" class="selectionContainer">
					<div class="selectCenter">
						<div id="superviseTimeSelector" class="sub-sel-cont fl">
						   <span class="fl font-color-black">时间段：</span>
				           <span class="fl subSelector font-color-black" reportFrequency="1">当日</span>
				           <span class="fl subSelector font-color-black" reportFrequency="2">本周</span>
				           <span class="fl subSelector font-color-black" reportFrequency="3">本月</span>
				           <span class="fl subSelector font-color-black" reportFrequency="4">未来三个月</span>
				           <!-- <span class="fl subSelector font-color-black" reportFrequency="5">未来半年</span>
				           <span class="fl subSelector font-color-black" reportFrequency="6">未来一年</span> -->
						</div>
					</div>
				</div>
				
				<!-- 图形 -->
				<div class="chartContainer">
					<div class="charContainerCenter" id="charContainerCenter">
						<%-- <div class="data-box">
							<img src="<%=context%>/resources/modules/bootstrap/image/nodata.jpg">
							<span class="no-data">当前无数据</span>
						</div> --%>
					</div>
				</div>
			</div>
		</div>
	</div>
<script type="text/javascript" src="<%=context%>resources/modules/system/echarts/echarts.min.js?20190124"></script>	
<script type="text/javascript" src="<%=context%>resources/modules/system/common/DateUtils.js?r=<%=Math.random()%>"></script>
<script type="text/javascript" src="<%=context%>resources/modules/business/infoDisclosure/infoDisclosureList.js?r=<%=Math.random()%>"></script>
</body>
</html>